<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<jsp:include page="/static/common/common_header.jsp"/>

<script type="text/javascript" src="/static/js/role.js"></script>
<html>
<head>
    <title>员工列表界面</title>
</head>
<body>
    <!--初始化列表-->
    <table id="role__datagrid"></table>

<!--工具栏-->
    <div id="tb">
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" data-cmd="addRole">添加</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" data-cmd="editRole">编辑</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="reloadRole">刷新</a>
    </div>

    <!--角色的布局-->
    <div id="role_dialog" style="padding-top: 10px">
        <form method="post" id="role_form">

            <input type="hidden" name="id" id="role_id">
            <table>
                <tr>
                    <td>角色名称:<input name="name" class="easyui-textbox"></td>
                    <td>角色编码:<input name="sn" class="easyui-textbox"></td>

                </tr>
                <tr>
                    <td>选择菜单:<select id="role_menu" class="easyui-combotree" style="width:200px;"
                                     data-options="url:'/menu/selectAllParent',multiple:true,cascadeCheck:false,required:true"></select>  </td>
                    <td></td>

                </tr>

                <tr>
                    <td style="height: 300px"><table id="permission_all_datagrid"></table></td>
                    <td style="height: 300px"><table id="permission_self_datagrid"></table></td>

                </tr>

            </table>
        </form>


    </div>
    <!--底部按钮-->
    <div id="bb">
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:true" data-cmd="saveRole">保存</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true" data-cmd="cancelRole">取消</a>
    </div>

</body>
</html>
